<script setup>

import SenTable from "./Tables/SenTable.vue";
import MSWTable from "./Tables/MSWTable.vue";
</script>

<!--包含各表格内容：（表格组件保存在Tables目录下）-->
<!--SENSORS/EW内容（SenTable组件）、-->
<!--MOUNTS/STORES/WEAPONS内容（MSWTable组件）、-->
<template>
  <div id="dataD-center">

    <!--SENSORS/EW表格-->
    <div>
      <!--标题-->
      <p class="dTop-two dDown-text sen-table">
        SENSORS / EW
      </p>

      <!--表格-->
      <div>
        <SenTable/>
      </div>
    </div>

    <!--MOUNTS/STORES/WEAPONS表格-->
    <div>
      <!--标题-->
      <p class="dTop-two dDown-text mswt-table">
        MOUNTS / STORES / WEAPONS
      </p>

      <hr>

      <!--表格-->
      <div>
        <MSWTable/>
      </div>
    </div>
  </div>

</template>

<style scoped>
#dataD-center{
  font-size: 10px;
}

/*标题*/
.dTop-two {
  margin-left: 5px;
}
.sen-table{
  margin-top: -5px;
}
.dDown-text {
  color: rgb(31, 139, 246);
  font-size: larger;
  font-weight: bolder;
  margin-bottom: -5px;
}

hr{
  margin-left: 5px;
  background-color: black;
  height: 1px; /* 设置水平线的高度 */
  border: none; /* 移除默认的边框 */
}
</style>